<template>
	<div id='ArticleList'>
		<div v-for="item in dataList" @click="goArticleDetail(item)" class="article_list">
			<div class="article_left">
				<div class="article_title c_text_ellipsis_2 c_size_34_48" style="font-size: .32rem;">{{item.title}}</div>
				<div v-if='articleTime' class="article_time">{{item.newTime}}</div>
				<div v-else class="article_look">
					<div class="article_look_c">
						<img src="../../assets/index_look.png" alt="" />
						<div class="article_look_people">{{item.pv}}次</div>
					</div>
				</div>
			</div>
			<img :src="item.title_img" class="article_img" alt="" />
		</div>
	</div>
</template>

<script>
	export default{
		name: 'ArticleList',
		props: {
			dataList: {
				default:function(){
					return []
				},
			},
			articleTime:{
				default:true,
			}
			
		},
		components:{
			
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			
		},
		methods:{
			goArticleDetail(item){
				this.$router.push({
					name:'articleDetail',
					query:{
						id:item.id
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	@import './ArticleList.scss';
</style>